<!--
 * @Description: 
 * @Author: zyj
 * @Date: 2022-05-15 16:55:34
 * @LastEditors: zyj
 * @LastEditTime: 2022-05-15 16:55:35
-->
<!--
 * @Description: 帮助页面
 * @Author: Ronda
 * @Date: 2021-08-10 13:23:06
 * @LastEditors: zyj
 * @LastEditTime: 2022-05-15 16:49:47
-->
<template>
  <div>
    <div class="help-div">使用帮助</div>
    <div class="problem">
        <img class="img" src="	http://47.115.219.50/briup-ej-app/static/img/tip.463929cf.png" alt="">
      <div>常见问题</div>
    </div>
    <div>
      <van-index-bar :index-list="indexList">
        <van-cell title="1.优惠卷如何使用？" />
        <van-cell title="2.取消订单后钱什么时候到账？" />
        <van-cell title="3.可以固定同一个阿姨服务吗" />
        <van-cell title="4.如何选择上一次服务的阿姨" />
        <van-cell title="5.预约成功后在哪查看？" />
    </van-index-bar>
    </div>
    <div class="problem">
      <img class="img" src="	http://47.115.219.50/briup-ej-app/static/img/tip.463929cf.png" alt="">
      <div>更多问题</div>
    </div>
    <div>
      <van-grid :column-num="3">
        <van-grid-item text="订单相关" />
        <van-grid-item text="客户端使用" />
        <van-grid-item text="优惠券与活动" />
        <van-grid-item text="支付与费用" />
        <van-grid-item text="服务相关" />
      </van-grid>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      indexList: [],
    };
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style scoped>
  .help-div{
    width: 375px;
    height: 46px;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
  }
  
  .problem{
    width: 343px;
    height: 32px;
    padding: 10px 16px;
    border-bottom: 0.25px solid #ebedf0;
    border-top: 0.25px solid #ebedf0;
    font-size: 20px;
  }

  .img{
    width: 26px;
    height: 26px;
    display: inline-block;
  }
  .problem div{
    display: inline;

  }
  

</style>